<style>
#col1{
    width: 250px;
}
 
.content{
    width: 100%;
}

.content .c75l{
    border-color: red;
    border-width: thick;
    width: auto;
}

.container-panel ul{
    list-style-type: none;
    margin: 1;
    padding: 0;
}

#submenu li{
    font-size: 12px;
    list-style-image: url('../../../images/icon_page.jpg');
    list-style-position: inside;
    
}

#togel {
    font-size: 12px;
    background-image: url('../../../images/icon_page.jpg');
    width: 25px;
    height: 25px;
    cursor: help;
    position: relative;
}
</style>
<div id="col1" style="float:left;position: normal;"><!-- begin: #col1 - first float column / left menu -->
    <div id="col1_content">
        <div class="rounded_panel">
         <div class="bot-center">
          <div class="right-panel">
           <div class="bot-right">
            <div class="left-panel">
             <div class="bot-left">
              <div class="top-left">
               <div class="top-right">
                <div class="container-panel">
                  
                 <br />
        <ul id="submenu">            
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/page/index/<?=$id?>">DATA PRIBADI</a></li>
            <!--<li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/pegawai">CPNS</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/pegawai">PNS</a></li>-->
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/pangkat"> KEPANGKATAN</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/kgb"> KENAIKAN GAJI BERKALA</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/jabatan/struktural"> JABATAN STRUKTURAL</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/jabatan/fungsional"> JABATAN FUNGSIONAL</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/organisasi_informal"> ORGANISASI NON FORMAL</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/penghargaan"> PENGHARGAAN</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/dp3"> PENILAIAN (DP-3)</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/diklat/struktural"> DIKLAT STRUKTURAL</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/diklat/fungsional"> DIKLAT FUNGSIONAL</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/diklat/teknis"> DIKLAT TEKNIS</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/hukuman"> HUKUMAN DISIPLIN</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/pendidikan"> PENDIDIKAN FORMAL</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/bahasa"> BAHASA</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/kursus"> KURSUS</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/seminar"> SEMINAR</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/suami_istri"> SUAMI/ISTRI</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/orang_tua"> ORANG TUA</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/anak"> ANAK</a></li>
            <li><a class="head_m" href="javascript:void();" id="<?php echo site_url(); ?>/page/all/<?=$this->uri->segment(3)?>"> SEMUA RIWAYAT</a></li>
        </ul>
                </div>
               </div>
              </div>
             </div>
            </div>
           </div>
          </div>
         </div>
        </div>
        
        <div style="padding: 10px; width: 225px;">
          <div align="center"> <?php  if($this->session->userdata('foto')) echo "<fieldset><img src='".base_url()."foto_pegawai/".$this->session->userdata('foto')."' width='128px' ></fieldset>"; ?>
          </div>
        </div>
    </div>
</div><!-- end: #col1 -->

<div id="togel" /> </div>
<div id="judulna" align="center"><div> 
<script type="text/javascript">
        
        $('#togel').click(function(){
            $('#col1').slideToggle();
            $(this).hide();
        });
        
</script>